<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文章</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_803761_m7gvzuzskon.css"/>
		<link rel="stylesheet" type="text/css" href="../css/class/class.css"/>
		<script type="text/javascript" src="../js/rem.js">
			
		</script>
	</head>
	<body>
		<!--头部-->
		<input type="checkbox" name="search" id="search"/>
		<header>
			<label for="search-btn"><div class="more fl iconfont icon-gengduo"><a href="search3.html"></a><span>1</span></div></label>
            
            <div class="img-w fl"><a href="search3.html"><img src="../img/index/logo_06.png"/></a></div>
            <div class="search fl"><div class="icon-fangdajing iconfont"><a href="search.html"></a></div></div>
            
            <div class="clearfix"></div>
        </header>
        
        <!--内容-->
        <section>
        	<!--轮播图区域-->
        	<div class="banner">
        		<div class="banner-warp">
        			<a href="#"><img src="../img/class/classbanner_02.png"/></a>
        		</div>
        		<!--蒙版-->
        		<div class="mask">
        			<p>预装软件的红与黑！从加法到减法</p>
        			<p>
        				<span class="icon-shizhong iconfont"></span>
        				 &nbsp;10月19日 14:00 - 17:30 &nbsp;&nbsp;&nbsp;
        				<span class="icon-dingwei iconfont"></span>
        				 &nbsp;金广大厦2楼
        			</p>
        		</div>
        	</div>
        	
        	<!--内容块区域-->
        	<div class="boldline"></div>
        	<div class="cell">
        		<!--左边-->
        		<div class="left fl">
        			<!--头像-->
        			<div class="portrait">
        				<div class="pro-top">
        					<div class="pro-warp fl"><a href="#"><img src="../img/class/c_10.png"/></a></div>
        					<div class="pro-right fl">
        						<p>KIMIN</p>
        						<p>网络互动中心设计师</p>
        					</div>
        					
        					<div class="clearfix"></div>
        				</div>
        				<p class="bottom">
        						高端移动应用开发
        					</p>
        			</div>
        		</div>
        		<!--右边-->
        		<div class="right fr">
        			<!--报名-->
        			<div class="singup">
        				<a href="#">预约报名 <span class="icon-arrow-right iconfont"></span></a>
        			</div>
        			<p>10月19日 14:00 - 17:30 &nbsp;&nbsp;</p>
        		</div>
        		
        		<div class="clearfix"></div>
        		
        		<div class="cell-warp">
        			<a href="#"><img src="../img/class/presence_21.png"/></a>
        		</div>
        	</div>
        	<!--内容块区域结束-->
        	<!--内容块区域-->
        	<div class="boldline"></div>
        	<div class="cell">
        		<!--左边-->
        		<div class="left fl">
        			<!--头像-->
        			<div class="portrait">
        				<div class="pro-top">
        					<div class="pro-warp fl"><a href="#"><img src="../img/class/c_10.png"/></a></div>
        					<div class="pro-right fl">
        						<p>KIMIN</p>
        						<p>网络互动中心设计师</p>
        					</div>
        					
        					<div class="clearfix"></div>
        				</div>
        				<p class="bottom">
        						高端移动应用开发
        					</p>
        			</div>
        		</div>
        		<!--右边-->
        		<div class="right fr">
        			<!--报名-->
        			<div class="singup">
        				<a href="#">预约报名 <span class="icon-arrow-right iconfont"></span></a>
        			</div>
        			<p>10月19日 14:00 - 17:30 &nbsp;&nbsp;</p>
        		</div>
        		
        		<div class="clearfix"></div>
        		
        		<div class="cell-warp">
        			<a href="#"><img src="../img/class/presence_21.png"/></a>
        		</div>
        	</div>
        	<!--内容块区域结束-->
        	<!--内容块区域-->
        	<div class="boldline"></div>
        	<div class="cell">
        		<!--左边-->
        		<div class="left fl">
        			<!--头像-->
        			<div class="portrait">
        				<div class="pro-top">
        					<div class="pro-warp fl"><a href="#"><img src="../img/class/c_10.png"/></a></div>
        					<div class="pro-right fl">
        						<p>KIMIN</p>
        						<p>网络互动中心设计师</p>
        					</div>
        					
        					<div class="clearfix"></div>
        				</div>
        				<p class="bottom">
        						高端移动应用开发
        					</p>
        			</div>
        		</div>
        		<!--右边-->
        		<div class="right fr">
        			<!--报名-->
        			<div class="singup">
        				<a href="#">预约报名 <span class="icon-arrow-right iconfont"></span></a>
        			</div>
        			<p>10月19日 14:00 - 17:30 &nbsp;&nbsp;</p>
        		</div>
        		
        		<div class="clearfix"></div>
        		
        		<div class="cell-warp">
        			<a href="#"><img src="../img/class/presence_21.png"/></a>
        		</div>
        	</div>
        	<!--内容块区域结束-->
        	<!--内容块区域-->
        	<div class="boldline"></div>
        	<div class="cell">
        		<!--左边-->
        		<div class="left fl">
        			<!--头像-->
        			<div class="portrait">
        				<div class="pro-top">
        					<div class="pro-warp fl"><a href="#"><img src="../img/class/c_10.png"/></a></div>
        					<div class="pro-right fl">
        						<p>KIMIN</p>
        						<p>网络互动中心设计师</p>
        					</div>
        					
        					<div class="clearfix"></div>
        				</div>
        				<p class="bottom">
        						高端移动应用开发
        					</p>
        			</div>
        		</div>
        		<!--右边-->
        		<div class="right fr">
        			<!--报名-->
        			<div class="singup">
        				<a href="#">预约报名 <span class="icon-arrow-right iconfont"></span></a>
        			</div>
        			<p>10月19日 14:00 - 17:30 &nbsp;&nbsp;</p>
        		</div>
        		
        		<div class="clearfix"></div>
        		
        		<div class="cell-warp">
        			<a href="#"><img src="../img/class/presence_21.png"/></a>
        		</div>
        	</div>
        	<!--内容块区域结束-->
        	<!--内容块区域-->
        	<div class="boldline"></div>
        	<div class="cell">
        		<!--左边-->
        		<div class="left fl">
        			<!--头像-->
        			<div class="portrait">
        				<div class="pro-top">
        					<div class="pro-warp fl"><a href="#"><img src="../img/class/c_10.png"/></a></div>
        					<div class="pro-right fl">
        						<p>KIMIN</p>
        						<p>网络互动中心设计师</p>
        					</div>
        					
        					<div class="clearfix"></div>
        				</div>
        				<p class="bottom">
        						高端移动应用开发
        					</p>
        			</div>
        		</div>
        		<!--右边-->
        		<div class="right fr">
        			<!--报名-->
        			<div class="singup">
        				<a href="#">预约报名 <span class="icon-arrow-right iconfont"></span></a>
        			</div>
        			<p>10月19日 14:00 - 17:30 &nbsp;&nbsp;</p>
        		</div>
        		
        		<div class="clearfix"></div>
        		
        		<div class="cell-warp">
        			<a href="#"><img src="../img/class/presence_21.png"/></a>
        		</div>
        	</div>
        	<!--内容块区域结束-->
        	<!--内容块区域-->
        	<div class="boldline"></div>
        	<div class="cell">
        		<!--左边-->
        		<div class="left fl">
        			<!--头像-->
        			<div class="portrait">
        				<div class="pro-top">
        					<div class="pro-warp fl"><a href="#"><img src="../img/class/c_10.png"/></a></div>
        					<div class="pro-right fl">
        						<p>KIMIN</p>
        						<p>网络互动中心设计师</p>
        					</div>
        					
        					<div class="clearfix"></div>
        				</div>
        				<p class="bottom">
        						高端移动应用开发
        					</p>
        			</div>
        		</div>
        		<!--右边-->
        		<div class="right fr">
        			<!--报名-->
        			<div class="singup">
        				<a href="#">预约报名 <span class="icon-arrow-right iconfont"></span></a>
        			</div>
        			<p>10月19日 14:00 - 17:30 &nbsp;&nbsp;</p>
        		</div>
        		
        		<div class="clearfix"></div>
        		
        		<div class="cell-warp">
        			<a href="#"><img src="../img/class/presence_21.png"/></a>
        		</div>
        	</div>
        	<!--内容块区域结束-->
        	<!--内容块区域-->
        	<div class="boldline"></div>
        	<div class="cell">
        		<!--左边-->
        		<div class="left fl">
        			<!--头像-->
        			<div class="portrait">
        				<div class="pro-top">
        					<div class="pro-warp fl"><a href="#"><img src="../img/class/c_10.png"/></a></div>
        					<div class="pro-right fl">
        						<p>KIMIN</p>
        						<p>网络互动中心设计师</p>
        					</div>
        					
        					<div class="clearfix"></div>
        				</div>
        				<p class="bottom">
        						高端移动应用开发
        					</p>
        			</div>
        		</div>
        		<!--右边-->
        		<div class="right fr">
        			<!--报名-->
        			<div class="singup">
        				<a href="#">预约报名 <span class="icon-arrow-right iconfont"></span></a>
        			</div>
        			<p>10月19日 14:00 - 17:30 &nbsp;&nbsp;</p>
        		</div>
        		
        		<div class="clearfix"></div>
        		
        		<div class="cell-warp">
        			<a href="#"><img src="../img/class/presence_21.png"/></a>
        		</div>
        	</div>
        	<!--内容块区域结束-->
        	
        	<div class="more">
			<a href="#">加载更多</a>
		</div>
        	
        	
        </section>


 <!--尾部-->
		<footer>
			<!--页底导航栏-->
			<div class="footernav">
				<!--导航单元-->
				<div class="footercell fl">
					<!--分割线-->
					<a href="../index.html">
					<div class="line fl"></div>
					<div class="right fl">
						<div class="footwarp warp1"><img src="../img/index.png"/></div>
						<p>首页</p>
					</div>
					<div class="clearfix"></div>
					</a>
				</div>
				<!--导航单元-->
				<!--导航单元-->
				<div class="footercell fl">
					<!--分割线-->
					<a href="gimc.html">
					<div class="line fl"></div>
					<div class="right fl">
						<div class="footwarp warp2"><img src="../img/GIMC.png"/></div>
						<p class="en">GIMC</p>
					</div>
					<div class="clearfix"></div>
					</a>
				</div>
				<!--导航单元-->
				<!--导航单元-->
				<div class="footercell fl">
					<!--分割线-->
					<a href="article1.html">
					<div class="line fl"></div>
					<div class="right fl">
						<div class="footwarp warp3"><img src="../img/article/pen_23.png"/></div>
						<p>文章</p>
					</div>
					<div class="clearfix"></div>
					</a>
				</div>
				<!--导航单元-->
				<!--导航单元-->
				<div class="footercell fl">
					<!--分割线-->
					<a href="resources.html">
					<div class="line fl"></div>
					<div class="right fl">
						<div class="footwarp warp4"><img src="../img/resources.png"/></div>
						<p>资源</p>
					</div>
					<div class="clearfix"></div>
					</a>
				</div>
				<!--导航单元-->
				<!--导航单元-->
				
				<div class="footercell fl">
					<!--分割线-->
					<a href="#">
					<div class="line fl"></div>
					<div class="right fl">
						<div class="footwarp warp5"><img src="../img/class/class_10.png"/></div>
						<p class="active">学院</p>
					</div>
					<div class="clearfix"></div>
					</a>
				</div>
				
				<!--导航单元-->
				
				
				
				
				
				<div class="clearfix"></div>
			</div>
		</footer>
        
	</body>
</html>
